@charset "UTF-8";
.fl {
  float: left; }

.fr {
  float: right; }

.clearfix::after {
  /*设置添加的子元素为块级元素*/
  display: block;
  /*
	设置添加的子元素的内容为空
	设置添加的子元素的高度为0*/
  content: "";
  height: 0;
  /*设置添加的子元素看不见*/
  visibility: hidden;
  /*给添加的子元素设置clear: both;*/
  clear: both; }

.clearfix {
  /*兼容IE6*/
  *zoom: 1; }

/*水平垂直居中*/
/*水平居中*/
/*垂直居中*/
/*三角形*/
body {
  font: 12px/22px "Helvetica Neue", "Arial", "PingFang SC", "Microsoft Yahei","SimSun",sans-serif;
  background: #fff;
  color: #333;
  overflow-x: hidden;
  overflow-y: auto; }

.tool {
  width: 100%; }
  .tool .tool-in {
    width: 1200px;
    height: 100%;
    margin: 0 auto; }
    .tool .tool-in li {
      color: #6c6c6c;
      line-height: 30px;
      height: 30px; }
    .tool .tool-in .bdr {
      border-right: 1px solid #6c6c6c !important; }
    .tool .tool-in .bdl {
      border-left: 1px solid #6c6c6c !important; }
    .tool .tool-in a {
      padding: 0 5px;
      color: #6c6c6c; }
      .tool .tool-in a:hover {
        color: #f60; }
    .tool .tool-in .tool-left {
      display: flex;
      justify-content: left; }
      .tool .tool-in .tool-left li:nth-child(1) {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent; }
        .tool .tool-in .tool-left li:nth-child(1) i {
          display: inline-block;
          width: 17px;
          height: 17px;
          background: url("/asset/img/icons.png") no-repeat 0 -70px;
          vertical-align: middle; }
        .tool .tool-in .tool-left li:nth-child(1) b {
          margin-left: 5px; }
        .tool .tool-in .tool-left li:nth-child(1) a {
          padding-left: 0; }
        .tool .tool-in .tool-left li:nth-child(1) div {
          width: 360px;
          height: 380px;
          border: 1px solid #ccc;
          padding: 10px;
          box-sizing: border-box;
          position: absolute;
          left: -1px;
          top: 30px;
          display: none;
          overflow: hidden; }
          .tool .tool-in .tool-left li:nth-child(1) div dl {
            line-height: 22px;
            width: 360px; }
            .tool .tool-in .tool-left li:nth-child(1) div dl dt {
              width: 40px; }
            .tool .tool-in .tool-left li:nth-child(1) div dl dd {
              margin-bottom: 5px;
              width: 300px; }
              .tool .tool-in .tool-left li:nth-child(1) div dl dd a {
                white-space: nowrap; }
        .tool .tool-in .tool-left li:nth-child(1).active {
          background-color: #fff;
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
          position: relative; }
          .tool .tool-in .tool-left li:nth-child(1).active > a {
            color: #e0e; }
          .tool .tool-in .tool-left li:nth-child(1).active i {
            background-position: -18px -70px; }
          .tool .tool-in .tool-left li:nth-child(1).active::after {
            content: "";
            width: 100%;
            height: 1px;
            background-color: #ff0;
            position: absolute;
            left: 0;
            top: 30px; }
    .tool .tool-in .tool-right {
      margin-top: 8px;
      display: flex;
      justify-content: left;
      align-items: center; }
      .tool .tool-in .tool-right li {
        height: 14px;
        line-height: 14px; }
        .tool .tool-in .tool-right li:nth-child(1) {
          position: relative;
          padding: 0 15px;
          border-left: 1px solid transparent;
          border-right: 1px solid transparent;
          position: relative; }
          .tool .tool-in .tool-right li:nth-child(1):hover {
            background-color: #fff;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc; }
            .tool .tool-in .tool-right li:nth-child(1):hover i {
              transform: rotateZ(180deg) translateY(5px); }
            .tool .tool-in .tool-right li:nth-child(1):hover div {
              display: block;
              width: 102%;
              border-left: 1px solid #ccc;
              border-right: 1px solid #ccc;
              border-bottom: 1px solid #ccc;
              padding: 5px 0 5px 15px;
              box-sizing: border-box;
              position: absolute;
              left: -1px;
              top: 30px; }
          .tool .tool-in .tool-right li:nth-child(1) i {
            width: 0;
            height: 0;
            border-width: 3px;
            border-style: solid;
            border-color: #6c6c6c transparent transparent transparent;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 5px; }
          .tool .tool-in .tool-right li:nth-child(1) div {
            display: none; }
        .tool .tool-in .tool-right li.tip i {
          display: inline-block;
          width: 17px;
          height: 17px;
          background: url("/asset/img/icons.png") no-repeat -20px -90px;
          vertical-align: middle; }
        .tool .tool-in .tool-right li.tip_more {
          position: relative;
          border-left: 1px solid transparent;
          border-right: 1px solid transparent; }
          .tool .tool-in .tool-right li.tip_more:hover {
            border-left: 1px solid #6c6c6c;
            border-right: 1px solid #6c6c6c; }
            .tool .tool-in .tool-right li.tip_more:hover::after {
              content: "";
              width: 100%;
              height: 1px;
              background-color: #fff;
              position: absolute;
              left: 0;
              top: 30px; }
          .tool .tool-in .tool-right li.tip_more div {
            display: none;
            position: absolute;
            left: -1px;
            top: 30px;
            border: 1px solid #000; }
            .tool .tool-in .tool-right li.tip_more div img {
              vertical-align: middle;
              padding: 5px; }
          .tool .tool-in .tool-right li.tip_more:hover div {
            display: block; }
        .tool .tool-in .tool-right li.weixin {
          padding: 0 3px 0 6px; }
        .tool .tool-in .tool-right li.xiaochengxu i {
          background-position: -420px -320px; }
        .tool .tool-in .tool-right li.sina i {
          background-position: -20px -110px; }
        .tool .tool-in .tool-right li.tel i {
          margin: 5px;
          background-position: 0 -130px; }
        .tool .tool-in .tool-right li.phone {
          padding-right: 7px;
          position: relative; }
          .tool .tool-in .tool-right li.phone i {
            background-position: 0 -150px; }
          .tool .tool-in .tool-right li.phone b {
            width: 0;
            height: 0;
            border-width: 3px;
            border-style: solid;
            border-color: #6c6c6c transparent transparent transparent;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 3px; }
          .tool .tool-in .tool-right li.phone div {
            top: 30px;
            right: 0;
            width: 300px; }
